import React from "react";
import frame from '../../../style/frame.less';
import n from '../../../images/n.png';
import f from '../../../images/5.png';

class PagePart extends React.Component {

    constructor(props) {
        super(props);
    }

    componentDidMount() {

    }

    render() {
        return (
            <div className={`${frame.component} ${frame.middleContent}`}>
                <div className={frame.contentTitle}>
                    联系我们
                </div>
                <div className={frame.contentDivider}></div>
                <div className={frame.contentSubTitle}>
                    很想听听您的意见和诉求。我们会很快跟进。
                </div>
                <div className={frame.contentSubject}>
                    <div className={frame.contactUs}>
                        <div>
                            <div className={frame.contactUsTitle}>
                                我们的支持团队随时为您提供帮助。
                            </div>
                            <div className={frame.contactUsContent}>
                                这是您第一次了解超融合？查看解决方案介绍部分，您可以在其中了解超融合详细内容。
                            </div>
                        </div>
                        <div className={frame.middle}></div>
                        <div>
                            <div>
                                <input type="text" placeholder='' />
                                <div className={frame.fade}>您的姓名</div>
                            </div>
                            <div>
                                <input type="text" placeholder='' />
                                <div className={frame.fade}>您的邮件</div>
                            </div>
                            <div>
                                <input type="text" placeholder='' />
                                <div className={frame.fade}>您的移动电话</div>
                            </div>
                            <div>
                                <textarea name="" id="" cols="30" rows="10" style={{resize: 'none'}}></textarea>
                                <div className={frame.fade}>消息</div>
                            </div>
                            <div>
                                <span className={frame.fullButton}>&nbsp;发&nbsp;&nbsp;送&nbsp;</span>
                            </div>
                        </div>
                    </div>
                </div>

                <div className={frame.contentSubject}>
                    <div className={frame.contactDesc}>

                        <div>
                            <div className={frame.fade}>
                                <div>
                                    <img src={f} alt="" />
                                </div>
                                <div className={frame.contactDescTitle}>帮助支持</div>
                                <div className={frame.contactDescDivider}></div>
                                <div className={frame.contactDescContent}>使用您下载的文件获取有关如何使用 的基本指导。您可以使用电话或下面的客服微信与我们联系。
                                </div>
                                <div>
                                    <span className={frame.emButton}>微信支持</span>
                                </div>
                            </div>
                        </div>

                        <div>
                            <div className={frame.fade}>
                                <div>
                                    <img src={n} alt="" />
                                </div>
                                <div className={frame.contactDescTitle}>销售咨询</div>
                                <div className={frame.contactDescDivider}></div>
                                <div className={frame.contactDescContent}>
                                    有关于我们的产品预售问题？或者希望寻找合作？我们很想知道您关注的是什么。您可使用我们提供的联系方式发送消息给我们，我们会在第一时间给您答复！
                                </div>
                                <div>
                                    <span className={frame.emButton}>
                                        <a href="/contactus">保持联系</a>
                                    </span>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        )
    }
}

export default PagePart
